<template>
  <div>
    <header>
      <h1>我是嵌套路由的标题</h1>
    </header>
    <aside class="side">
      <ul>
        <li>
          <router-link to="/">首页</router-link>
        </li>
        <li>
          <router-link to="/index/child1">child1</router-link>
        </li>
        <li>
          <router-link to="/index/child2">child2</router-link>
        </li>
        <li>
          <router-link to="/index/child3">child3</router-link>
        </li>
      </ul>
    </aside>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {
    
    }
  },
}
</script>
<style lang="">
  .side {
    height: 100vh;
    width: 200px;
    background-color: #333;
    position: absolute;
    top: 0;
  }
  .side a {
    color: aliceblue;
  }
</style>